<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登录</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h2>用户登录</h2>
    <form id="login-form">
        <label for="login-username">用户名:</label>
        <input type="text" id="login-username" required><br><br>
        <label for="login-password">密码:</label>
        <input type="password" id="login-password" required><br><br>
        <button type="submit">登录</button>
    </form>

    <script>
        document.getElementById('login-form').addEventListener('submit', function(event) {
            event.preventDefault();

            const username = document.getElementById('login-username').value;
            const password = document.getElementById('login-password').value;

            fetch('http://localhost:3002/login', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({ username, password }),
            })
            .then(response => {
        console.log(response);  // 调试：打印响应对象

        // 确保响应是 JSON 格式
        if (response.ok && response.headers.get('Content-Type').includes('application/json')) {
            return response.json();  // 如果是 JSON 格式，解析为 JSON
        } else {
            return Promise.reject('Invalid response format');
        }
    })
            .then(data => {
                if (data.success) {
                    alert('登录成功');
                    window.location.href = 'admin.html';  // 登录成功后跳转到后台管理页面
                } else {
                    alert(data.message);  // 如果登录失败，弹出错误信息
                }
            })
            .catch(err => {
                console.error('登录请求失败:', err);
            });
        });
    </script>
    <p>没有账号？<a href="register.html">注册</a></p>
    <footer>
        <p>项目由 张成飞制作 | 版权所有</p>
    </footer>
</body>
</html>

